<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>“兽”益匪浅-首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/animation.css"/>
		<style>
#menu { margin: 0; padding: 0; position: fixed; left: 10px; top: 10px; list-style-type: none; z-index: 70;}




</style>
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/jquery.fullPage.min.js"></script>
		<script>
$(function(){
	$('#dowebok').fullpage({
		//在fullpage执行结束后，页面透明度恢复成1
//		document.body.style.opacity="1";
		sectionsColor: ['#fff', '#fff', '#fff', '#08A1EF','#fff','#08A1EF',],
		anchors: ['page1', 'page2', 'page3', 'page4','page5','page6','page7','page8','page9'],
		menu: '#menu',
		 
		
		afterRender:function(){
		
		$(".page1").addClass("active");
		
		},
		afterLoad:function(anchorIndex,index){
			console.log("滑动结束了");
			console.log(anchorIndex,index);
			//虽然此处的index是从1,但是js的序号都是从0开始的
			//如果index等于1时，就执行下面语句
			if(index==1){
				//先找到section的元素，在从里面找第0个,添加名
				$(".section").eq(0).addClass("active");
			}
			if(index==2){
				//先找到section的元素，在从里面找第0个,添加类名
				$(".section").eq(1).addClass("active");
			}
			if(index==3){
				//先找到section的元素，在从里面找第0个,添加类名
				$(".section").eq(2).addClass("active");
				
				
			}
			if(index==4){
				//先找到section的元素，在从里面找第0个,添加类名
				$(".section").eq(3).addClass("active");
			}
			if(index==5){
				//先找到section的元素，在从里面找第0个,添加类名
				$(".section").eq(4).addClass("active");
			}
			if(index==6){
				//先找到section的元素，在从里面找第0个,添加类名
				$(".section").eq(5).addClass("active");
			}
			if(index==7){
				//先找到section的元素，在从里面找第0个,添加类名
				$(".section").eq(6).addClass("active");
			}
			if(index==8){
				//先找到section的元素，在从里面找第0个,添加类名
				$(".section").eq(7).addClass("active");
			}
		}
	});
});
</script>
		
	</head>
	<body>
	
		<div id="dowebok">
			<div class="section page1">
				<ul class="max-ul clearfix">
					<li class="blue blue1 fl">
						
					</li>
					<li class="bai fl"></li>
					<li class="blue blue2 fl">
				
					</li>
					
					
					<li class="bai fl"></li>
					<li class="blue blue3 fl">
						<div class="music">
							<img src="img/bgmBtn-fbd2dc.svg"/>
						</div>
						
					</li>
				</ul>
				<div class="animal-text">
					<img src="img/o_1aonkqh1o1r43mgl1und1afj7gjt.png"/>
				</div>
				<div  data-menuanchor="page2" class="ball ">
					<a href="#page2"><img src="img/o_1aolvrbmcp531gksd3q16iqlmt7f.png"/></a>
				</div>
				
				<div class="neimu">
					<img src="img/o_1aoo70bktv25rsemrnoo511hn9.png"/>
				</div>
				<div class="zhizuo">
							<p><span>文案:肖国庆</span><span>绘图:李大钊</span><span>制作:何冠华</span></p>
						</div>
				
			</div>
			
			
			
			<div class="section page2">
				<div class="click-liaojie clearfix">
				<div class="xiaogui fl">
				<img src="img/o_1aoo2gajc13dm5d31kmed1e1jq09.png"/>
			</div>
			<div class="duihuakuang fl">
				<img src="img/o_1aoo74n6rf14lrb174g1iduucc14.png"/>
			</div>
			</div>
			
			<div class="music fr">
				<img src="img/bgmBtn-fbd2dc.svg"/>
			</div>
			</div>
			<div class="section page3">
				<div class="music fr">
					<img src="img/bgmBtn-fbd2dc.svg"/>
				</div>
				<div class="chuanshiren fr">
					<ul >
						<li ><p>创始人之一</p></li>
					</ul>
				</div>
				<div class="click-liaojie clearfix">
				<div class="xiaogui fl">
				<img src="img/o_1aoo2gajc13dm5d31kmed1e1jq09.png"/>
			</div>
			<div class="duihuakuang fl">
				<img src="img/o_1aoo74n6rf14lrb174g1iduucc14.png"/>
			</div>
			</div>
			<div class="beijing">
				<img src="img/o_1ap74038419gj1rrt6p4ar612p318 (2).png"/>
			</div>
			<div class="chanpin">
				<img src="img/o_1aoodm3mi1rl52ee1c5jim916mk.png"/>
			</div>
			<div class="yuan">
				<img src="img/o_1aolp4b3e1fd1tp5u9astd1uvk3g.png"/>
			</div>
			</div>
			<div class="section page4 clearfix">
				<div class="music fr">
					<img src="img/bgmBtn-fbd2dc.svg"/>
				</div>
				<div class="chuanshiren4 fl">
					<ul >
						<li ><p>创始人之一</p></li>
					</ul>
				</div>
				<div class="click-liaojie4  clearfix">
					<div class="guiji fr">
				
			</div>
				<div class="xiaogui4 fr">
				<img src="img/o_1aoo37nqerj11bvf1q581o8g1sioa.png"/>
			</div>
			<div class="duihuakuang4 fr">
				<img src="img/o_1aoo74n6r3u5vci10og9l21dgr15.png"/>
			</div>
		
			</div>
			<div class="beijing4">
				<img src="img/o_1ap73uq1knpu301v0gqcb1i0ge.png"/>
			</div>
			<div class="chanpin4">
				<img src="img/o_1aoodm3mi1tti9dd3aa1skdahsl.png"/>
			</div>
			<div class="yuan4">
				<img src="img/o_1aolp4b3f1p7f76cnj414261nui3l.png"/>
			</div>
			</div>
			<div class="section page5">
				<div class="music fr">
					<img src="img/bgmBtn-fbd2dc.svg"/>
				</div>
				<div class="chuanshiren5 fl">
					<ul >
						<li ><p>创始人之一</p></li>
					</ul>
				</div>
				<div class="click-liaojie4  clearfix">
					<div class="guiji fr">
				
			</div>
				<div class="xiaogui4 fr">
				<img src="img/o_1aoo37nqerj11bvf1q581o8g1sioa.png"/>
			</div>
			<div class="duihuakuang4 fr">
				<img src="img/o_1aoo74n6r3u5vci10og9l21dgr15.png"/>
			</div>
		
			</div>
			<div class="beijing5 clearfix">
				<img src="img/o_1aoln07iev43lueavlq0ulb1m.png"/>
			</div>
			<div class="chanpin4">
				<img src="img/o_1aoodm3mi1f321u2ckk519mbidum.png"/>
			</div>
			<div class="yuan5">
				<img src="img/o_1aolp4b3e1qldq8617dlb8infn3i.png	"/>
			</div>
			</div>
			<div class="section page6">
				<div class="music fr">
					<img src="img/bgmBtn-fbd2dc.svg"/>
				</div>
				<div class="chuanshiren6 fr">
					<ul >
						<li ><p>创始人之一</p></li>
					</ul>
				</div>
				<div class="click-liaojie6 clearfix">
				<div class="xiaogui fl">
				<img src="img/o_1aoo2gajc13dm5d31kmed1e1jq09.png"/>
			</div>
			<div class="duihuakuang fl">
				<img src="img/o_1aoo74n6rf14lrb174g1iduucc14.png"/>
			</div>
			</div>
			<div class="beijing6">
				<img src="img/o_1ap73uq1l5nflek15r8qa47o6i.png"/>
			</div>
			
			<div class="chanpin">
				<img src="img/o_1aoodm3mi1et1slh1hqqjui1t2ko.png"/>
			</div>
			<div class="yuan6">
				<img src="img/o_1aolp4b3f1s8c15ianb6l6s1pqe3k.png"/>
			</div>
			
			</div>
			<div class="section page7">
						<div class="music fr">
					<img src="img/bgmBtn-fbd2dc.svg"/>
				</div>
				<div class="chuanshiren5 fl">
					<ul >
						<li ><p>创始人之一</p></li>
					</ul>
				</div>
				<div class="click-liaojie4  clearfix">
					<div class="guiji fr">
				
			</div>
				<div class="xiaogui4 fr">
				<img src="img/o_1aoo37nqerj11bvf1q581o8g1sioa.png"/>
			</div>
			<div class="duihuakuang4 fr">
				<img src="img/o_1aoo74n6r3u5vci10og9l21dgr15.png"/>
			</div>
		
			</div>
			<div class="beijing7 clearfix">
				<img src="img/o_1ap73uq1lm1k1mlkikmcm48rcj.png"/>
			</div>
			<div class="chanpin4">
				<img src="img/o_1aoodm3mi1f321u2ckk519mbidum.png"/>
			</div>
			<div class="yuan7">
				<img src="img/o_1aolp4b3e1fhv67k1uv41eifhen3h.png"/>
			</div>
			</div>
			<div class="section page8">
				<ul class="max-ul clearfix">
					<li class="blue blue1 fl">
						
					</li>
					<li class="bai bai1 fl">
						<img src="img/o_1aonnhho01a7s1d4c1f371d2rsl1k.png"/>
					</li>
					<li class="blue blue2 fl">
						<img src="img/o_1aonnhho0149k1sh6176ijkk1lcdj.png"/>
					</li>
					
					
					<li class="bai bai2 fl">
						<img src="img/o_1aonnhhnv81e1ngsa81mfdml1i.png"/>
					</li>
					<li class="blue blue3 fl">
						<div class="music">
							<img src="img/bgmBtn-fbd2dc.svg"/>
						</div>
						
					</li>
					
				</ul>
				
				<div class="bottom-animal">
					<div class="niu fl">
						<img src="img/o_1ap74038419gj1rrt6p4ar612p318 (1).png"/>
					</div>
					<div class="niao fl">
						<img src="img/o_1ap73r15mdji5vau56hm31cm11s.png"/>
					</div>
					<div class="wa fl">
						<img src="img/o_1ap73uq1l5nflek15r8qa47o6i (1).png"/>
					</div>
					<div class="bainiu fl">
						<img src="img/o_1ap740383f9s1ia11dr19q9b8i16.png"/>
					</div>
					<div class="daxiang fl">
						<img src="img/o_1ap73uq1lm1k1mlkikmcm48rcj (1).png"/>
					</div>
					<div class="pao fl">
						<img src="img/o_1aoj5sfq3n6oscm1e1c1jajd5d.png"/>
					</div>
				</div>
			</div>
			<div class="section page9">
				<div class="music fr">
					<img src="img/bgmBtn-fbd2dc.svg"/>
				</div>
				<div class="neimu-text">
					<p>易企秀“兽”益匪浅的6个内幕</p>
				</div>
				<div class="animal-city">
					<img src="img/o_1ap7grcsp8sq1kqupl61hmvs6hl (1).jpg"/>
				</div>
				<div class="jubao">
					<a href="">举报</a>
				</div>
				<div class="btn-zhizuo">
					<button>点我免费制作易企秀</button>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/font-size.js">
		
	</script>
</html>
